import React from 'react';
import ReactDOM from 'react-dom/client';
import 'bootstrap/dist/css/bootstrap.css';
import {BrowserRouter as Router,Routes,Route,Link} from 'react-router-dom';
import Request from './components/Request';
import Drag from './components/Drag';
import Form from './components/Form';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
	<Router>
		<div className='container'>
			<div className='row'>
				<div className='col-md-12' style={{padding:10}}>
					<ul>
						<li><Link to="/request">request</Link></li>
						<li><Link to="/drag">drag</Link></li>
						<li><Link to="/form">form</Link></li>
					</ul>
					<Routes>
						<Route path="/request" element={<Request/>}/>
						<Route path="/drag" element={<Drag/>}/>
						<Route path="/form" element={<Form/>}/>
					</Routes>
				</div>
			</div>
		</div>
	</Router>
);